<template>
  <div id="root-container" style="height: 100%">
    <div class="main-one-web">
      <div class="home-header">
        <el-row class="one-ui-pro-nav" type="flex" align="bottom">
          <el-col :span="2">
            <div class="one-ui-pro-nav-logo"><img
                src="https://tuiguang-s3.bdstatic.com/commonLibs/static/media/logo.71972c41..svg"
                style="width: 100%"
                alt="logo"></div>
          </el-col>
          <el-col :span="19" >

            <el-menu router :default-active="activeIndex" @select="handleSelect" class="el-menu-demo" mode="horizontal"
            >
              <el-menu-item index="/managecenter/overview">推广管理</el-menu-item>
              <el-menu-item index="/account">数据报告</el-menu-item>
              <el-submenu index="4" class="custom-menu-item">
                <template slot="title">资产中心</template>
                <el-menu-item index="4-1" class="menuGJ">
                  <el-row style="width:20vw;margin: 1vw;padding-bottom: 1vw;height: 50px">
                    <el-col :span="8">
                      <el-menu-item index="2-0" style="border-bottom:1px solid #eee;width: 100px">
                        <h3 style="font-weight: 600;font-size: 16px;color: black">共享设置</h3>
                      </el-menu-item>

                      <el-menu-item style="width: 200px" index="https://dev2.baidu.com/"><a
                          class="one-nav-item"
                          data-is-item="1" tabindex="1" style="display: inline-flex;"
                          target="_blank" href="https://dev2.baidu.com/">
                        <div class="one-nav-item-text">否定关键词包<img style="width: 15px"
                                                                  src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item index="https://editor.baidu.com/"><a class="one-nav-item"
                                                                         target="_blank"
                                                                         href="https://editor.baidu.com/"
                                                                         data-is-item="1"
                                                                         tabindex="1"
                                                                         style="display: inline-flex;">
                        <div class="one-nav-item-text">时段模板<img style="width: 15px"
                                                                src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item
                          index="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools">
                        <a class="one-nav-item" target="_blank"
                           href="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools"
                           data-is-item="1" tabindex="1"
                           style="display: inline-flex;">
                          <div class="one-nav-item-text">出价策略<img style="width: 15px;"
                                                                  src="./fx.png"></div>
                        </a></el-menu-item>
                      <el-menu-item
                          index="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools">
                        <a class="one-nav-item" target="_blank"
                           href="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools"
                           data-is-item="1" tabindex="1"
                           style="display: inline-flex;">
                          <div class="one-nav-item-text">共享预算<img style="width: 15px;"
                                                                  src="./fx.png"></div>
                        </a></el-menu-item>
                    </el-col>
                    <el-col :span="8">
                      <el-menu-item index="2-0" style="border-bottom:1px solid #eee;width: 100px">
                        <h3 style="font-weight: 600;font-size: 16px;color: black">创意资产</h3>
                      </el-menu-item>

                      <el-menu-item style="width: 200px" index="https://dev2.baidu.com/"><a
                          class="one-nav-item"
                          data-is-item="1" tabindex="1" style="display: inline-flex;"
                          target="_blank" href="https://dev2.baidu.com/">
                        <div class="one-nav-item-text">图片库<img style="width: 15px"
                                                               src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item index="https://editor.baidu.com/"><a class="one-nav-item"
                                                                         target="_blank"
                                                                         href="https://editor.baidu.com/"
                                                                         data-is-item="1"
                                                                         tabindex="1"
                                                                         style="display: inline-flex;">
                        <div class="one-nav-item-text">视频库<img style="width: 15px"
                                                               src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item
                          index="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools">
                        <a class="one-nav-item" target="_blank"
                           href="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools"
                           data-is-item="1" tabindex="1"
                           style="display: inline-flex;">
                          <div class="one-nav-item-text">品牌信息<img style="width: 15px;"
                                                                  src="./fx.png"></div>
                        </a></el-menu-item>

                    </el-col>
                    <el-col :span="8">
                      <el-menu-item index="2-0" style="border-bottom:1px solid #eee;width: 100px">
                        <h3 style="font-weight: 600;font-size: 16px;color: black">推广目标</h3>
                      </el-menu-item>

                      <el-menu-item style="width: 200px" index="https://dev2.baidu.com/"><a
                          class="one-nav-item"
                          data-is-item="1" tabindex="1" style="display: inline-flex;"
                          target="_blank" href="https://dev2.baidu.com/">
                        <div class="one-nav-item-text">应用中心<img style="width: 15px"
                                                                src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item index="https://editor.baidu.com/"><a class="one-nav-item"
                                                                         target="_blank"
                                                                         href="https://editor.baidu.com/"
                                                                         data-is-item="1"
                                                                         tabindex="1"
                                                                         style="display: inline-flex;">
                        <div class="one-nav-item-text">商品中心 <img style="width: 15px"
                                                                 src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item
                          index="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools">
                        <a class="one-nav-item" target="_blank"
                           href="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools"
                           data-is-item="1" tabindex="1"
                           style="display: inline-flex;">
                          <div class="one-nav-item-text">门店中心<img style="width: 15px;"
                                                                  src="./fx.png"></div>
                        </a></el-menu-item>

                    </el-col>

                  </el-row>
                </el-menu-item>
              </el-submenu>
              <el-submenu index="5" class="custom-menu-item">
                <template slot="title">工具中心</template>
                <el-menu-item index="4-1" class="menuGJ">
                  <el-row style="width:20vw;margin: 1vw;padding-bottom: 1vw;height: 50px">
                    <el-col :span="8">
                      <el-menu-item index="2-0" style="border-bottom:1px solid #eee;width: 100px">
                        <h3 style="font-weight: 600;font-size: 16px;color: black">共享设置</h3>
                      </el-menu-item>

                      <el-menu-item style="width: 200px" index="https://dev2.baidu.com/"><a
                          class="one-nav-item"
                          data-is-item="1" tabindex="1" style="display: inline-flex;"
                          target="_blank" href="https://dev2.baidu.com/">
                        <div class="one-nav-item-text">否定关键词包<img style="width: 15px"
                                                                  src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item index="https://editor.baidu.com/"><a class="one-nav-item"
                                                                         target="_blank"
                                                                         href="https://editor.baidu.com/"
                                                                         data-is-item="1"
                                                                         tabindex="1"
                                                                         style="display: inline-flex;">
                        <div class="one-nav-item-text">时段模板<img style="width: 15px"
                                                                src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item
                          index="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools">
                        <a class="one-nav-item" target="_blank"
                           href="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools"
                           data-is-item="1" tabindex="1"
                           style="display: inline-flex;">
                          <div class="one-nav-item-text">出价策略<img style="width: 15px;"
                                                                  src="./fx.png"></div>
                        </a></el-menu-item>
                      <el-menu-item
                          index="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools">
                        <a class="one-nav-item" target="_blank"
                           href="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools"
                           data-is-item="1" tabindex="1"
                           style="display: inline-flex;">
                          <div class="one-nav-item-text">共享预算<img style="width: 15px;"
                                                                  src="./fx.png"></div>
                        </a></el-menu-item>
                    </el-col>
                    <el-col :span="8">
                      <el-menu-item index="2-0" style="border-bottom:1px solid #eee;width: 100px">
                        <h3 style="font-weight: 600;font-size: 16px;color: black">创意资产</h3>
                      </el-menu-item>

                      <el-menu-item style="width: 200px" index="https://dev2.baidu.com/"><a
                          class="one-nav-item"
                          data-is-item="1" tabindex="1" style="display: inline-flex;"
                          target="_blank" href="https://dev2.baidu.com/">
                        <div class="one-nav-item-text">图片库<img style="width: 15px"
                                                               src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item index="https://editor.baidu.com/"><a class="one-nav-item"
                                                                         target="_blank"
                                                                         href="https://editor.baidu.com/"
                                                                         data-is-item="1"
                                                                         tabindex="1"
                                                                         style="display: inline-flex;">
                        <div class="one-nav-item-text">视频库<img style="width: 15px"
                                                               src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item
                          index="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools">
                        <a class="one-nav-item" target="_blank"
                           href="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools"
                           data-is-item="1" tabindex="1"
                           style="display: inline-flex;">
                          <div class="one-nav-item-text">品牌信息<img style="width: 15px;"
                                                                  src="./fx.png"></div>
                        </a></el-menu-item>

                    </el-col>
                    <el-col :span="8">
                      <el-menu-item index="2-0" style="border-bottom:1px solid #eee;width: 100px">
                        <h3 style="font-weight: 600;font-size: 16px;color: black">推广目标</h3>
                      </el-menu-item>

                      <el-menu-item style="width: 200px" index="https://dev2.baidu.com/"><a
                          class="one-nav-item"
                          data-is-item="1" tabindex="1" style="display: inline-flex;"
                          target="_blank" href="https://dev2.baidu.com/">
                        <div class="one-nav-item-text">应用中心<img style="width: 15px"
                                                                src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item index="https://editor.baidu.com/"><a class="one-nav-item"
                                                                         target="_blank"
                                                                         href="https://editor.baidu.com/"
                                                                         data-is-item="1"
                                                                         tabindex="1"
                                                                         style="display: inline-flex;">
                        <div class="one-nav-item-text">商品中心 <img style="width: 15px"
                                                                 src="./fx.png"></div>
                      </a></el-menu-item>
                      <el-menu-item
                          index="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools">
                        <a class="one-nav-item" target="_blank"
                           href="https://mobile2.baidu.com/index.html?navfrom=tuiguangtools"
                           data-is-item="1" tabindex="1"
                           style="display: inline-flex;">
                          <div class="one-nav-item-text">门店中心<img style="width: 15px;"
                                                                  src="./fx.png"></div>
                        </a></el-menu-item>

                    </el-col>

                  </el-row>
                </el-menu-item>
              </el-submenu>
            </el-menu>

          </el-col>
          <el-col :span="3" style="display: flex;justify-content: flex-end ;">
<div style="display: flex;justify-content: flex-end ;">
  <div class="one-ui-pro-nav-toolbox">
    <div class="one-ui-pro-nav-toolbox-list"><span class="one-ui-pro-nav-toolbox-icon">
                             <button type="button" name=""
                                     class="one-button one-main one-button-normal one-button-xsmall one-button-has-icon"
                                     @click="goHome"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
                                                          viewBox="0 0 24 24" min-width="24" height="24"
                                                          class="dls-icon one-iconSvg one-iconSvg-home one-button-icon"
                                                          focusable="false"><path fill="currentColor"
                                                                                  fill-rule="evenodd"
                                                                                  d="m21 10.252 1.09.96 1.32-1.502-8.105-7.135a5 5 0 0 0-6.606 0L.589 9.71l1.32 1.501L3 10.252V17.4a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5v-7.148zm-7.016-6.176a3 3 0 0 0-3.963 0L5 8.493V17.4a3 3 0 0 0 3 3h.6v-5a3.4 3.4 0 1 1 6.8 0v5h.6a3 3 0 0 0 3-3V8.491l-5.016-4.415zM13.4 20.4v-5a1.4 1.4 0 1 0-2.8 0v5h2.8z"
                                                                                  clip-rule="evenodd"></path></svg><span>百度营销首页</span></button>
                            </span>
      <div id="aichat-entry" class="aichat-sdk_EntryButton_entryButton_mF1bC">
        <svg fill="none" viewBox="0 0 56 56" class="dls-icon aichat-sdk_EntryButton_entryIcon_64x8m"
             focusable="false">
          <image height="56" min-width="56" href="https://fc-feed.bj.bcebos.com/aix/ai.webp"></image>
        </svg>
        <span class="aichat-sdk_EntryButton_entryName_QnhZ9"></span></div>
      <span class="one-ui-pro-nav-toolbox-icon"><span
          class="one-text-link one-ui-pro-nav-toolbox-icon-link one-text-link-medium one-text-link-normal"><a
          href="http://yingxiao.baidu.com/home/help/index?channel_id=855&amp;ly=fc"
          target="_blank" class="help-icon" rel="noreferrer"><svg
          xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24"
          height="24" class="dls-icon " focusable="false"><path fill="currentColor"
                                                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path><path
          fill="currentColor" fill-rule="evenodd"
          d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
          clip-rule="evenodd"></path></svg></a></span></span>
      <span class="one-ui-pro-nav-toolbox-icon one-overlay-close"><span
          class="one-text-link one-ui-pro-nav-toolbox-icon-link one-text-link-medium one-text-link-normal"><svg
          xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24"
          height="24" class="dls-icon " focusable="false"><path fill="currentColor"
                                                                d="M2.3 6.1a4 4 0 0 1 4-4h5.6a4 4 0 0 1 4 4v6.6a3 3 0 0 1-3 3h-.8v-2h.8a1 1 0 0 0 1-1V6.1a2 2 0 0 0-2-2H6.3a2 2 0 0 0-2 2v5.6a2 2 0 0 0 1.8 1.99v2.005A4 4 0 0 1 2.3 11.7V6.1z"></path><path
          fill="currentColor"
          d="M21.7 18a4 4 0 0 1-4 4h-5.6a4 4 0 0 1-4-4v-5.6a4 4 0 0 1 3.8-3.995v2.005a2 2 0 0 0-1.8 1.99V18a2 2 0 0 0 2 2h5.6a2 2 0 0 0 2-2v-5.6a2 2 0 0 0-1.8-1.99V8.405a4 4 0 0 1 3.8 3.995V18z"></path></svg></span></span>
    </div>
  </div>


  <div class="one-ui-pro-nav-profile" style="width: 80%;display: flex">
                            <span class="uc-cc-nav_trigger one-dropdown-trigger"
                                  style="width: 80%;display: flex;justify-content: space-between;align-items: center">
              <span style="margin-left: 10px">
                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24"
                           height="24" class="dls-icon one-ui-pro-nav-profile-content-icon-user"
                           focusable="false"><path fill="currentColor" fill-rule="evenodd"
                                                   d="M14.472 12.177a3.955 3.955 0 1 0-4.887-.026A6.001 6.001 0 0 0 6 17.645h2a4 4 0 0 1 8 0h2a6.001 6.001 0 0 0-3.528-5.468zm-4.381-3.122a1.955 1.955 0 1 1 3.909 0 1.955 1.955 0 0 1-3.91 0z"
                                                   clip-rule="evenodd"></path><path fill="currentColor"
                                                                                    fill-rule="evenodd"
                                                                                    d="M12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11zm0-2a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"
                                                                                    clip-rule="evenodd"></path></svg>

              </span>

<el-menu  :default-active="activeIndex" class="el-menu-demo1" mode="horizontal"
>
                            <el-submenu index="12" class="custom-menu-item">
                                <template slot="title">{{ userInfo.userName }}</template>
                    <el-menu-item index="4-1" @click="btnRuhe">退出登录</el-menu-item>


                            </el-submenu>

                        </el-menu>
                               </span>
  </div>
</div>

          </el-col>
        </el-row>

      </div>
      <router-view style="height: 100%;"></router-view>

    </div>
  </div>
</template>

<script>
import EchartsFour from "./echarts";
import {getLocalStorageItem, removeLocalStorageItem} from '@/utils/storage-helper'
import {getpayment, dynamicsList, homeList,} from '@/services/model/index'

export default {
  beforeRouteEnter(to, from, next) {
    document.title = '百度营销-推广搜索'; // 更新页面标题
    next();
  },
  components: {EchartsFour},
  data() {
    return {
      activeIndex: '/managecenter/overview',
      homeData: [],
      dynamicsList: [],
      userInfo: getLocalStorageItem('userInfo'),

      options: [{code: 1, title: '全部推广'}, {code: 2, title: '搜索'}, {code: 3, title: '信息流'}, {
        code: 4,
        title: '电商'
      }, {code: 5, title: '阿拉丁'}, {code: 6, title: '知识营销'}],
      checkedCities: [],
      pickerOptions: {
        shortcuts: [{
          text: '近一周',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
            picker.$emit('pick', [start, end])
          }
        }, {
          text: '近一个月',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
            picker.$emit('pick', [start, end])
          }
        }, {
          text: '近三个月',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
            picker.$emit('pick', [start, end])
          }
        }, {
          text: '近半年',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 182)
            picker.$emit('pick', [start, end])
          }
        }, {
          text: '近一年',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 365)
            picker.$emit('pick', [start, end])
          }
        }, {
          text: '近两年',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 365 * 2)
            picker.$emit('pick', [start, end])
          }
        }],
        onPick: obj => {
          this.picerMinDate = new Date(obj.minDate).getTime()
        },
        disabledDate: time => {
          // if (this.picerMinDate) {
          //   // 最多可选3个月
          //   const LIMIT = 90 * 24 * 60 * 60 * 1000
          //   const maxTime = this.picerMinDate + LIMIT
          //   const minTime = this.picerMinDate - LIMIT
          //   return time.getTime() > maxTime || time.getTime() < minTime
          // }
        }
      },
      tabPanes: [],
      isTestAll: ' ',
      isTest1: true,
      isTest2: true,
      tabsName: [],
      isEcharts: 0,
      activeName: "hourlyRainfall",
      monitoringsTime: [],
      // 当前的图表钩子
      chartsName: ['dailyRain', 'hourlyRain', 'hourlyRainfall'],
      // 分页参数

      // 弹窗title
      dialogTitle: "",
      // 是否显示弹窗
      isShowDialog: false,
    };
  },
  filters: {
    // 时间格式化
    formatTimer(timer) {
      return Format(new Date(timer))
    },
  },
  computed: {
    // 时间赛选
    timerArray: {
      get() {
        return [this.startTimer, this.endTimer]
      },
      set([startTimer, endTimer]) {
        this.$emit('update:startTimer', startTimer)
        this.$emit('update:endTimer', endTimer)
      }
    },

    // 筛选类型改变
    detailList() {
      return (
          this.typeOneUmumList.find((x) => x.code === this.calcTypeModel)
              ?.relationTypeList || []
      );
    },
    calcTypeModel: {
      get() {
        return this.calcType;
      },
      set(value) {
        this.$emit("update:calcType", value);
      },
    },
    calcValModel: {
      get() {
        return this.calcVal;
      },
      set(value) {
        this.$emit("update:calcVal", value);
      },
    },
  },
  methods: {
    btnRuhe(){
      removeLocalStorageItem('USER_TOKEN')
      this.$router.push('/')
    },
    handleSelect(index, indexPath) {
      // if (this.$router.currentRoute.path !== indexPath[0]) {
      //   this.$router.push(indexPath[0]).catch(err => {
      //     if (err.name !== 'NavigationDuplicated') {
      //       throw err;
      //     }
      //   });
      // }
    },
    btnXiu() {
      this.$message('服务器繁忙,请稍后重试！');
      return
    },
    // 数据刷新
    goHome() {
      const newWindow = window.open('', '_blank');

      if (newWindow) {
        // 在新窗口中使用 this.$router.push 来跳转到指定路由
        newWindow.location.href = this.$router.resolve('/home').href;
      }
    }
    // 账户概况

  },
  mounted() {


  }
};
</script>
<style scoped lang="less">

.one-ui-pro-nav {
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .03), 0 3px 9px rgba(0, 0, 0, .02), 0 2px 8px rgba(0, 0, 0, .01);
  padding-left: 32px;
  padding-right: 32px;
  height: 64px;
  box-sizing: border-box;
  width: 100%;

  .one-button-xsmall {

    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    line-height: 1;
    white-space: nowrap;
    transition-property: border-color, background-color, color, opacity, box-shadow;
    transition-duration: 0.2s;
    cursor: pointer;
    background-color: #ebedf5;
    color: rgba(19, 22, 26, 0.9);
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 12px;
    padding: 0 8px;
    height: 24px;
    -webkit-appearance: button;

    .one-button-icon {
      height: calc(1em + 2px);
    }
  }

  .one-ui-pro-nav-logo {
    margin-right: 16px;
    width: 153px;
line-height: 64px;
    height: 64px;
    align-items: center;
    font-size: 0;
    display: flex;
    text-align: center;

    img {
      width: 153px;

      height:32px;
    }
  }


}


.el-menu--popup img {
  margin-left: 10%;

}

.one-ui-pro-nav-toolbox {
  display: flex;
  flex: none;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  margin-left: 24px;

  .one-ui-pro-nav-toolbox-list {
    display: flex;
    height: 100%;
    align-items: center;

    .one-ui-pro-nav-toolbox-icon:first-child {
      margin-left: 0;
    }

    .one-ui-pro-nav-toolbox-icon {
      display: inline-flex;
      align-items: center;
      height: 100%;
      margin-left: 16px;
      z-index: 99;

      .one-ui-pro-nav-toolbox-icon-link {
        display: inline-flex;
        align-items: center;
        font-size: 16px;
        color: #13161ae6;
        cursor: pointer;
        text-decoration: none;

        .client-center {
          height: 16px;
        }

      }
    }

    .one-ui-pro-nav-toolbox-icon {

      .one-text-link-normal {

        #aichat-entry-button {

          .light-ai {

            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            cursor: pointer;
            white-space: nowrap;
            position: relative;
            font-weight: 500;
            height: 36px;
            min-height: 36px;
            padding: 0 20px;
            border-radius: 6px;
            color: rgba(80, 90, 107, 0.8);
            background: transparent;
            font-size: 24px;

            .dls-icon {
              height: calc(1em + 2px);

              image {
                cursor: pointer;
              }
            }

            .aichat-sdk_EntryButton_entryName_QnhZ9 {

              display: flex;
              width: 56px;
              height: 14px;
              background: url(//ecma.bdimg.com/public01/1379d218ebf7d3cf81aa369500265544.png);
              background-size: 100% 100%;
              background-repeat: no-repeat;
            }
          }
        }
      }
    }
  }

  .one-ui-pro-nav-profile {
    font-size: 14px;
    line-height: 1.4;
    margin-left: 16px;
    height: 100%;

    .uc-cc-nav_trigger {
      display: flex;
      align-items: center;
      height: 100%;
    }

  }
}

.el-menu-demo1 {
  width: 90%;

  /deep/ .el-submenu__title {
    padding: 0 10px;
  }
}

.el-menu--horizontal > .el-submenu /deep/ .el-submenu__title {
  color: #282c33;
  /*#00359e*/
}

;
.el-menu--horizontal /deep/ .el-menu-item {
  color: #282c33;
}

.el-menu--horizontal > .el-submenu /deep/ .el-submenu__title:hover {
  color: #00359e;
}


</style>

<style scoped lang="less">
.el-menu--horizontal /deep/ .el-menu-item.is-active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  height: 3px;
  background-color: #0054e6;
  transform: translateX(-50%);
}

.el-menu--horizontal /deep/ .el-menu-item.is-active {
  border-bottom: 2px solid transparent !important;
  color:#0054e6
}

// 覆盖样式区

</style>

